<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<link href="../../static/css/style.css" rel="stylesheet" type="text/css" />
		<link href="../../static/css/select.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="../../static/js/jquery.js"></script>
		<script type="text/javascript" src="../../static/js/jquery.idTabs.min.js"></script>
		<script type="text/javascript" src="../../static/js/select-ui.min.js"></script>
		<script type="text/javascript" src="../../static/editor/kindeditor.js"></script>
		<script type="text/javascript" src="../../static/My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript">
		$(document).ready(function(e) {
		    $(".select1").uedSelect({
				width : 345			  
			});
			
		});
	</script>
	</head>

	<body>

		<div class="place">
			<span>位置：</span>
			<ul class="placeul">
				<li><a href="#">个人平台</a></li>
				<li><a href="#">查看他人信息</a></li>
			</ul>
		</div>

		<div class="formbody" id="checkbox1" >

			<div class="formtitle"><span>查看个人信息</span></div>

			<div class="checkbox"style="border: 1px solid black;width: 600px;height: 450px;float: left;border-radius: 20px;">
				<ul class="forminfo">
					<li>
						<label style="margin-bottom:20px">
							<b style="font-weight: bolder;color: black;font-size: 18px">查询条件</b>
						</label>
					</li>
					<li>
						<label style="margin-bottom:40px">部门信息</label>
						<select class="dfinput" style="float: left;opacity: 100" id="checkbox1_1" @change="function1">
							<option power="0">请选择部门</option>
							<option  v-for="temp in deptInfo" :power="temp.id">{{ temp.deptName }}</option>
						</select>
					</li>
					<li>
						<label style="margin-bottom:40px">员工信息</label>
						<select class="dfinput" style="float: left;opacity: 100" id="checkbox1_2" @blur="function2">
							<option power="0">请选择员工</option>
							<option  v-for="temp in staffInfo" :power="temp.id">{{ temp.name }}</option>
						</select>
					</li>
					<li>
						<label>&nbsp;</label>
						<input name="" type="button" class="btn" value="确认查询" @click="checkStaffInfo"/>
					</li>
				</ul>
			</div>

			<div class="checkbox" id="checkbox2" style="border: 1px solid black;width: 600px;height: 420px;float: left;padding-top: 30px;border-radius: 20px;">
				<ul class="forminfo">
					<li v-if="staffInfoByQuery.flagList[0]==1" style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">员工号:&nbsp;&nbsp;&nbsp;{{ staffInfoByQuery.staffId }}</span>
					</li>
					<li v-else style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">员工号:&nbsp;&nbsp;&nbsp;未公开</span>
					</li>
					<li v-if="staffInfoByQuery.flagList[1]==1" style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">姓名:&nbsp;&nbsp;&nbsp;{{ staffInfoByQuery.name }}</span>
					</li>
					<li v-else style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">姓名:&nbsp;&nbsp;&nbsp;未公开</span>
					</li>
					<li  v-if="staffInfoByQuery.flagList[2]===1" style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">密码:&nbsp;&nbsp;&nbsp;{{ staffInfoByQuery.password }}</span>
					</li>
					<li v-else style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">密码:&nbsp;&nbsp;&nbsp;未公开</span>
					</li>
					<li  v-if="staffInfoByQuery.flagList[3]===1" style="margin-top: 10px;font-size: 18px;">
						<span v-if="staffInfoByQuery.sex==1" style="display: inline">性别:&nbsp;&nbsp;&nbsp;男</span>
						<span v-else style="display: inline">性别:&nbsp;&nbsp;&nbsp;女</span>
					</li>
					<li v-else style="margin-top: 10px;font-size: 18px;">
						<span v-else style="display: inline">性别:&nbsp;&nbsp;&nbsp;未公开</span>
					</li>
					<li  v-if="staffInfoByQuery.flagList[4]===1" style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">年龄:&nbsp;&nbsp;&nbsp;{{ staffInfoByQuery.age }}</span>
					</li>
					<li v-else style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">年龄:&nbsp;&nbsp;&nbsp;未公开</span>
					</li>
					<li  v-if="staffInfoByQuery.flagList[5]===1" style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">职位:&nbsp;&nbsp;&nbsp;{{ staffInfoByQuery.positionname }}</span>
					</li>
					<li v-else style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">职位:&nbsp;&nbsp;&nbsp;未公开</span>
					</li>
					<li  v-if="staffInfoByQuery.flagList[6]===1" style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">所属部门:&nbsp;&nbsp;&nbsp;{{ staffInfoByQuery.deptname }}</span>
					</li>
					<li v-else style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">所属部门:&nbsp;&nbsp;&nbsp;未公开</span>
					</li>
					<li  v-if="staffInfoByQuery.flagList[7]===1" style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">联系方式:&nbsp;&nbsp;&nbsp;{{ staffInfoByQuery.tel }}</span>
					</li>
					<li v-else style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">联系方式:&nbsp;&nbsp;&nbsp;未公开</span>
					</li>
					<li  v-if="staffInfoByQuery.flagList[8]===1" style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">邮箱:&nbsp;&nbsp;&nbsp;{{ staffInfoByQuery.email }}</span>
					</li>
					<li  v-else style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">邮箱:&nbsp;&nbsp;&nbsp;未公开</span>
					</li>
					<li  v-if="staffInfoByQuery.flagList[9]===1" style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">爱好:&nbsp;&nbsp;&nbsp;{{ staffInfoByQuery.hobby }}</span>
					</li>
					<li  v-else style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">爱好:&nbsp;&nbsp;&nbsp;未公开</span>
					</li>
					<li  v-if="staffInfoByQuery.flagList[10]===1" style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">自我介绍:&nbsp;&nbsp;&nbsp;{{ staffInfoByQuery.selfPartiality }}</span>
					</li>
					<li  v-else style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">自我介绍:&nbsp;&nbsp;&nbsp;未公开</span>
					</li>
					<li  v-if="staffInfoByQuery.flagList[11]===1" style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">角色:&nbsp;&nbsp;&nbsp;{{ staffInfoByQuery.rolename }}</span>
					</li>
					<li  v-else style="margin-top: 10px;font-size: 18px;">
						<span style="display:inline;">角色:&nbsp;&nbsp;&nbsp;未公开</span>
					</li>
				</ul>
			</div>

		</div>

	</body>
	<script type="text/javascript" src="../../static/js/vue.js"></script>
	<script type="text/javascript" src="../../static/js/axios.min.js"></script>
	<script type="text/javascript" src="../../static/js/personalOffice/staffByQuery.js"></script>

</html>